iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
SideProject30

桌球王系列 第 19

Day 19 - 桌球雙打點 - rowSpan

  • 分享至 

  • xImage
  •  

Day 19 - 桌球雙打點 - rowSpan

今日進度 - 出賽單在視覺上更易懂

解釋:

  • 當加雙打(+2 Player),No#以rowSpan(合併兩列為一點)來處理,Name仍分行。

方法:

trigger handleAdd2 function時,記下開頭index到headOfRowSpan; delete 時刪除 index From headOfRowSpan.
在 column 中,如果當前rowIndex被涵蓋於headOfRowSpan,代表rowSpan設2,或是 (rowIndex-1) 被涵蓋於headOfRowSpan,代表rowSpan設0。

push & deploy


上一篇
Day 18 - enumerate issues & enhances
下一篇
Day 20 - 動態調整 CSS - 行距
系列文
桌球王30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言